<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>LONGCMS V 1.0</title>

		<meta name="description" content="Dashboard">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script src="__PUBLIC__/admin/js/jquery-1.3.2.min.js"></script>

		<!--Basic Styles-->
		<link href="__PUBLIC__/admin/css/bootstrap.css" rel="stylesheet">
		<link href="__PUBLIC__/admin/css/font-awesome.css" rel="stylesheet">
		<link href="__PUBLIC__/admin/css/weather-icons.css" rel="stylesheet">

		<!--Beyond styles主题框架-->
		<link id="beyond-link" href="__PUBLIC__/admin/css/beyond.css" rel="stylesheet" type="text/css">
		<link href="__PUBLIC__/admin/css/demo.css" rel="stylesheet">
		<link href="__PUBLIC__/admin/css/typicons.css" rel="stylesheet">
		<link href="__PUBLIC__/admin/css/animate.css" rel="stylesheet">
		<!--自己定义-->

		<link href="__PUBLIC__/admin/css/style.css" rel="stylesheet">

	</head>

	<body>
		<!--面包屑 start-->

		<nav class="breadcrumb"><i class="glyphicon glyphicon-home"></i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 添加管理员
			<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px; display: block; float: right; margin-right: 15px;" href="javascript:location.replace(location.href);" title="刷新"><i class="glyphicon glyphicon-repeat	"></i></a>
		</nav>
		<!--面包屑 over-->
		<div class="row">
			<div class="col-lg-12 col-sm-12 col-xs-12">
				<div class="widget">
					<div class="widget-header bordered-bottom bordered-blue">
						<span class="widget-caption">新增用户</span>
					</div>
					<div class="widget-body">
						<div id="horizontal-form">
							<form class="form-horizontal" role="form" action="" method="post">
								<div class="form-group ">
									<label for="username" class="col-sm-2 control-label no-padding-right">用户名</label>
									<div class="col-sm-3">
										<input class="form-control" id="username" placeholder="必填项" name="username" type="text" required >

										
									</div>
									<p class="help-block col-sm-4 red">* 必填</p>
								</div>
								
								<div class="form-group">
									<label for="pwd" class="col-sm-2 control-label">输入密码</label>
									<div class="col-sm-3">
										<input id="pwd" class="form-control" name="pwd" type="password"   required onchange="checkPasswords()">
									</div>
									<p class="help-block col-sm-4 red">* 必填</p>
									
								</div>

								<div class="form-group">
									<label for="pwd1" class="col-sm-2 control-label">重新输入密码</label>
									<div class="col-sm-3">
										<input id="pwd1" class="form-control" name="pwd1" type="password"  required onchange="checkPasswords()">
									</div>
									<p class="help-block col-sm-4 red">* 必填</p>
									
								</div>

								<div class="form-group">
									<label for="mobile" class="col-sm-2 control-label no-padding-right">手机号码</label>
									<div class="col-sm-3">
										<input class="form-control" id="mobile" placeholder="" name="mobile"  type="text" required >
									</div>

								</div>
								
								<div class="form-group">
									<label for="realname" class="col-sm-2 control-label no-padding-right">真实姓名</label>
									<div class="col-sm-3">
										<input class="form-control" id="realname" placeholder="" name="realname" required="" type="text">
									</div>
									<p class="help-block col-sm-4 red"></p>
								</div>
								<div class="form-group">
									<label for="email" class="col-sm-2 control-label no-padding-right">Email</label>
									<div class="col-sm-3">
										<input name="email" id="email" type="text" placeholder="必填项" class="form-control" required pattern="^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$" title="邮箱正确格式：xxx@xxx.xxx">
									</div>
									<p class="help-block col-sm-4 red"></p>
								</div>

								<div class="form-group">
									<label for="roleid" class="col-sm-2 control-label no-padding-right">用户角色</label>
									<div class="col-sm-2">
										<select name="roleid" style="width: 100%;">
											<volist name="authlist" id='avo'>
												<option selected value="{$avo.id}">{$avo.authname}</option>
											</volist>
										</select>
									</div>
								</div>

								<div class="form-group">
									<label for="lock" class="col-sm-2 control-label no-padding-right">是否启用</label>
									<div class="col-sm-2">
										<select name="lock" style="width: 100%;">
											<option selected="selected" value="0">启用</option>
											<option  value="1">未启用</option>
										</select>
									</div>
								</div>

								<div class="form-group">
									<label for="content" class="col-sm-2 control-label no-padding-right">备注</label>
									<div class="col-sm-6">
										<textarea name="content" id="content" class="form-control" rows="7" ></textarea>
									</div>
									<p class="help-block col-sm-4 red"></p>
								</div>
							
								<div class="form-group">
									<div class="col-sm-offset-2 col-sm-10">
										<button type="submit" class="btn btn-default">保存信息</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
    <script>
        function checkPasswords() {
            var passl = document.getElementById("pwd");
            var pass2 = document.getElementById("pwd1");
            if (passl.value != pass2.value)
                passl.setCustomValidity("两次密码必须输入一致！");
            else
                passl.setCustomValidity('');
        }

        function check() {
            document.getElementById('ok').disabled = 'disabled';
        }
    </script>
	</body>

</html>